body{
    background: #eeeeee;
    margin: 0px;
}
.container{
    width:100%;
    height:auto;
    margin:0;
    padding: 0;

}

.lianti-header{
    width:100%;
    height:0.8rem;
    position: fixed;
    top:0;
    background: #fc9e16;
    color:white;
    padding: 0;
    left:0;
}


.lianti-cont{
    width: 100%;
    height:auto;
}

.ti-list-cont{
    width:100%;
    height:0.7rem;
    background:white;
    /*    line-height: 0.7rem;*/
    margin-bottom: 0.3rem;
}

.ti-list{
    width:90%;
    overflow: hidden;
    margin:0 auto;
    height: 0.7rem;

}

.ti-item{
    width:20%;
    height:100%;
    float: left;
    color:#fc9e16;
    font-size:0.25rem;
    text-align: center;

}

.ti-item.active{
    border-bottom:0.03rem solid #fc9e16;
    height: 0.67rem;
}

.ti-item>div{
    line-height: 0.67rem;
}

.lianti-type-btn-cont{
    width:100%;
    height:3.2rem;
    background: white;
    display: inline-block;
    padding-bottom: 0.2rem;
}
.lianti-type-btn{
    width:100%;
    height:50%;
    color:#fc9e16;

}

.lianti-type-btn>img{
    width:0.45rem;
    height:0.45rem;
}
.lianti-type-btn>div{
    font-size: 0.2rem;
}
.lianti-type-btn-cont-left{
    float: left;
    width:34%;
    height:100%;
    text-align: center;

}

.lianti-type-btn-cont-middle{
    float: left;
    width:32%;
    height:100%;
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
     display: flex;
    flex-direction :column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;


}
.lianti-point-circle{
    width:100%;
    background: url("../icons/moyikaoshi.png");
    background-size: 2.04rem 2.04rem;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;

    width: 2.04rem;
    height: 2.04rem;
    border-radius: 50%;

   display: -webkit-box;
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-direction:column ;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;

}

.point-title{
    color:white;
    font-size: 0.25rem;
}

.point-val{
    color:white;
    font-size: 0.2rem;

}
.lianti-type-btn-cont-right{
    float: left;
    width:34%;
    height:100%;
    text-align: center;
}

.lianti-mine-cont{
    width:100%;
    height:auto;
    background: #eeeeee;
}

.lianti-mine-bdy{
    width:100%;
    height:1.8rem;
    display: inline-block;
    margin-top:0.2rem;
    background: white;

}

.lianti-mine-bdy>div{
    float: left;
    width:30%;
    height:100%;
    text-align:center;

}

.lianti-mine-bdy>div>img{
    margin-top:0.2rem;
    margin-left:30%;
    width:0.85rem;
    height: 0.85rem;
}
.lianti-mine-bdy>div>div{
    font-size:0.2rem;
    color:#fc9e16;
    margin-left:30%;
}

/*底部footer*/
footer{
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
}
.footer_list{

   display: -webkit-box;         display: -ms-flexbox;         display: -webkit-flex;         display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    justify-content: center;
    padding-left: 0px;
    height: 60px;

}
.footer_list li{
    list-style: none;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 0;
    width: 25%;

}
.footer_list li img {
    width: 100%;
    height: 60px;
}
